<!-- 借助storeToRefs将store中的数据转为ref对象，方便在模板中使用。 -->
<template>
  <h2>当前求和为：{{ sumStore.sum }}</h2>
  <h2>当前学校为：{{ sumStore.school }}</h2>
<div>---------------</div>
<h2>当前求和为：{{ sum }}</h2>
  <h2>当前学校为：{{ school }}</h2>
  <h2>当前求和为：{{ bigSum }}</h2>
  <h2>当前学校为：{{ upperSchool }}</h2>
  <ul>
    <li v-for="talk in talkStore.talkList" :key="talk.id">
      {{ talk.content }}
    </li>
  </ul>
</template>

<script setup lang="ts" name="Count">
import { storeToRefs } from 'pinia'
// 引入对应的useXxxxxStore
import { useSumStore } from './8_pinia/store/count'
import { useTalkStore } from './8_pinia/store/talk'
// 调用useXxxxxStore得到对应的store
const sumStore = useSumStore()
const talkStore = useTalkStore()
const { sum, school,upperSchool,bigSum } = storeToRefs(sumStore)

// setTimeout(() => {
//   sum.value+=10
// },2000)
// setTimeout(() => {
//   // 1、直接修改
//   // sumStore.sum = 20

//   //2、批量修改
//   // sumStore.$patch({
//   //   sum: 100,
//   //   school: '二中',
//   // })
//   //3、调用action
//   // sumStore.increment(50)
// }, 2000)
// sumStore.increment(50)
console.log('修改前:', localStorage.getItem('count'))
</script>
